@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 600px) { 
.alldom{width: 1200px; height:800px; color: #c1b7cc; background-color:#CCC;margin:0 auto;}
.headerdom{width:90%;height:15%;background-color: #efcfff;margin:0 auto;}
.centerdom{width:100%;height:75%;background-color: #f8f4ff;margin:0 auto;}
.bottomdom{width:90%;height:10%;background-color: #e2ddff;margin:0 auto;}
.mycode{ width:100%; height:90%; float:left;}
    .mypage{ width:100%; height:10%; float:left;}
.uu{ width:90%; height:90%;}
.mycode li{ width:25%; height:25%; float:left; display:block; text-align:center;} 
.imgpro{ width:90%; height:60%; color:#000; background-color:#666;}
.title{ width:90%; height:10%;color:#000;background-color:#666;}
.price{ width:90%;height:10%;color:#000;background-color:#666;}
.buy{ width:90%;height:15%;color:#000;background-color:#666;}
}
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.alldom{width: 400px; height:1600px; color:#03C; background-color:#CCC;margin:0 auto;}
.headerdom{width:90%;height:5%;background-color:yellow;margin:0 auto;}
.centerdom{width:100%;height:90%;background-color:red;margin:0 auto;}
.bottomdom{width:90%;height:5%;background-color:yellow;margin:0 auto;}
}




